<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"

      xmlns:ui="http://java.sun.com/jsf/facelets">

    <f:loadBundle basename="br.com.agi.myhome.resource.messages" var="msg"/>
    <h:head>
        <title>${msg.softwareName}</title>
        <link rel="stylesheet" href="#{myHomeUtil.path}/css/set.css" type="text/css" media="all"/>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/validaTecla.js"></script>
    </h:head>   
    <ui:include src="menuPrincipal.xhtml"/>
    <p:panel id="principal" header="${msg.produto}">
        <h:panelGrid columns="2" columnClasses="menuLateral, conteudo" width="100%">
            

            <h:form>
                <p:menu>
                    <p:menuitem value="${msg.cadastro}" action="#{cadastroProduto.apresentarCadastro()}" update="principal" />
                    <p:menuitem value="${msg.listagem}" action="#{cadastroProduto.apresentarListagem()}" update="principal" />
                    <p:menuitem value="${msg.quantidade}" action="#{cadastroProduto.apresentarQuantidade()}" update="principal" />
                    <p:menuitem value="${msg.comprar}"  action="#{cadastroProduto.apresentarCompra()}" update="principal" />
                    <p:menuitem value="${msg.consumir}"  action="#{cadastroProduto.apresentarConsumo()}" update="principal" />
                    
                </p:menu>
            </h:form>
            

            <h:form id="cadastro_produto" rendered="#{controladorProduto.showCadastro or controladorProduto.showEdicao}">
                <p:panel styleClass="panelPrime" header="${msg.cadastro_produto}" >
                    <h:panelGrid columns="2" id="formulario" styleClass="panelPrime"  width="100%">
                        <h:outputText value="${msg.codigo}"/>
                        <p:inputText value="#{cadastroProduto.produto.codigo}" id="codigo"
                                     onkeypress=" return validaNumeros(event);">                           
                        </p:inputText>
                        <h:outputText value="${msg.descricao}" />
                        <p:inputText value="#{cadastroProduto.produto.descricao}" 
                                     style="width: 100%;" 
                                     id="descricao"/>                    



                    </h:panelGrid>
                    <h:panelGrid columns="1" 
                                 styleClass="buttonsRigth" 
                                 style="text-align: right" width="100%" >
                        <p:commandButton action="#{cadastroProduto.cadastrar}" update="principal"
                                         value="${msg.cadastrar}" 
                                         rendered="#{controladorProduto.showCadastro}"/>                        
                        <p:commandButton action="#{cadastroProduto.salvar}" update="principal"
                                         value="${msg.salvar}" 
                                         rendered="#{controladorProduto.showEdicao}"                                         
                                         style="text-align: right;"/>
                    </h:panelGrid>                    

                </p:panel>
                <p:messages autoUpdate="true" showDetail="true"/>
            </h:form> 
            

            <h:form rendered="#{controladorProduto.showListagem}"> 
                <p:dataTable value="#{cadastroProduto.produtos}" var="produtoAction" emptyMessage="${msg.sem_registro}">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.codigo}"/>
                        </f:facet>
                        <h:outputText value="#{produtoAction.produto.codigo}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.descricao}"/>
                        </f:facet>
                        <h:outputText value="#{produtoAction.produto.descricao}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.comandos}"/>
                        </f:facet>
                        <p:commandButton action="#{produtoAction.editar}" value="Editar" ajax="false" />
                    </p:column>
                </p:dataTable>
            </h:form>


            <h:form rendered="#{controladorProduto.showCompra}">
                <p:panel header="#{msg.registro_compra}">
                    <h:panelGrid columns="2" >
                        <h:outputText value="${msg.codigo}" />
                        <h:panelGrid columns="2">
                            <p:inputText value="#{comprarProduto.estoqueProduto.produto.codigo}" disabled="#{controladorProduto.showProdutoComprado}"  onkeypress=" return validaNumeros(event);"/>                    
                            <p:commandButton action="#{comprarProduto.buscarProduto()}"  value="${msg.ok}" update="principal" disabled="#{controladorProduto.showProdutoComprado}"  onkeypress=" return validaNumeros(event);"/>
                        </h:panelGrid>
                    </h:panelGrid>                    
                    <h:panelGrid columns="2" rendered="#{controladorProduto.showProdutoComprado}">
                        <h:outputText value="#{msg.produto}" />
                        <h:outputText value="#{comprarProduto.estoqueProduto.produto.descricao}" />


                        <h:outputText value="${msg.quantidade}" />
                        <p:inputText value="#{comprarProduto.estoqueProduto.quantidade}"  onkeypress=" return validaNumeros(event);"/>                    

                        <h:outputText value="#{msg.estoque}" />
                        <h:selectOneMenu value="#{comprarProduto.estoqueProduto.estoque}"  
                                        converter="estoqueConverter"   
                                        id="estoque"
                                        style="width: 150px;"
                                        >
                            <f:selectItems value="#{cadastroProduto.selecaoEstoque}"  
                                        var="estoque" 
                                        itemLabel="#{estoque.nome}" 
                                        itemValue="#{estoque}"/>

                        </h:selectOneMenu>
                    </h:panelGrid>
                    <h:panelGrid columns="1" rendered="#{controladorProduto.showProdutoComprado}"
                                styleClass="buttonsRigth" 
                                style="text-align: right" width="100%" >
                        <p:commandButton action="#{comprarProduto.registrarCompra}" update="principal"
                                        value="${msg.cadastrar}" 
                                        />                        
                    </h:panelGrid>    
                    <p:messages autoUpdate="true" showDetail="true"/>
                </p:panel>
            </h:form>
            
           
            <h:form rendered="#{controladorProduto.showQuantidade}">
                <p:dataTable value="#{listadorQuantidadeProduto.lista}" var="estoqueProduto">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.produto}" />
                        </f:facet>
                        <h:outputText value="#{estoqueProduto.produto.descricao}" />
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.estoque}" />
                        </f:facet>
                        <h:outputText value="#{estoqueProduto.estoque.nome}" />
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.quantidade}" />
                        </f:facet>
                        <h:outputText value="#{estoqueProduto.quantidade}" />
                    </p:column>
                </p:dataTable>
            </h:form>
        



            <h:form rendered="#{controladorProduto.showConsumo}">
                <p:panel header=" - - ">
                    <h:panelGrid columns="2">
                        <h:outputText value="${msg.codigo}" />
                        <h:panelGrid columns="2">
                            <p:inputText value="#{formularioEstoque.estoqueProduto.produto.codigo}" disabled="#{controladorProduto.showCamposConsumo}"/>
                            <p:commandButton value="${msg.ok}" action="#{consumidorProduto.buscarProdutos()}" update="principal"  disabled="#{controladorProduto.showCamposConsumo}"/>
                        </h:panelGrid>
                        
                        
                        <h:outputText value="Estoque" rendered="#{controladorProduto.showCamposConsumo}"/>
                        <h:selectOneMenu value="#{formularioEstoque.estoqueProduto.estoque}"  rendered="#{controladorProduto.showCamposConsumo}"
                                        converter="estoqueConverter"   
                                        
                                        id="estoque"
                                        style="width: 150px;"
                                        >
                            <f:selectItems value="#{formularioEstoque.estoque}"  
                                        var="estoque" 
                                        itemLabel="#{estoque.nome}" 
                                        itemValue="#{estoque}"/>

                        </h:selectOneMenu>
                         <h:outputText value="Quantidade" rendered="#{controladorProduto.showCamposConsumo}"/>
                         <p:inputText value="#{formularioEstoque.estoqueProduto.quantidade}" rendered="#{controladorProduto.showCamposConsumo}"/>
                        

                    </h:panelGrid>
                                             
                    <h:panelGrid columns="1" 
                        styleClass="buttonsRigth" 
                        style="text-align: right" width="100%" >
                        <p:commandButton value="Consumir" action="#{consumidorProduto.consumir()}" update="principal" rendered="#{controladorProduto.showCamposConsumo}"/>
                    </h:panelGrid>

                </p:panel>
                 <p:messages autoUpdate="true" showDetail="true"/>
            </h:form>
           
        </h:panelGrid>        
    </p:panel>

</html>
